ul,ol{
    list-style: none;
    padding: 0;
    margin:0;
}
body{
    background-color: rgb(223, 152, 230);
}
.container{
    /* border: 1px solid red; */
    width: 60px;
    margin:0 auto;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid red;
}
.head{
    /* border: 1px solid blue; */
    /* width: 50px; */
    /* height: 50px; */
}
.container:hover .buttons{
    display: block
    /* visibility: visible; */
    /* opacity: 1; */
}
/* .head:hover+.buttons{
    display: block
} */
.buttons{
    margin-top:10px;
    /* border: 1px solid yellow; */
    background-color: rgb(85, 85, 223);
    width:60px;
    border-radius: 10px;
    position: relative;
    display: none;
    /* visibility: hidden; */
    /* opacity: 0; */
}
.buttons::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid rgb(85, 85, 223);;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    position: absolute;
    top:-10px;
    left:20px;
}
btn-item{

}
.container a{
    text-decoration: none;
    color: white;
    display: block;
    padding: 10px 20px;
    transition: 0.2s;
}
.buttons a:hover{
    font-size:1.5em;
}